<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/foot.css">
    <link rel="stylesheet" href="./css/login.css">

    <script src="./js/jquery.min.js"></script>
    <script src="./js/gVerify.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script src="./js/layer/layer.js"></script>
    <script src="./js/login.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="tab-bar-layout">
        <div class="tab-bar">
            <img src="./images/index/login.png" class="logo">
            <ul class="tabs-list">
                <li class="tab">
                    <div>首页</div>
                </li>
                <li class="tab">
                    <div>新品</div>
                </li>
                <li class="tab">
                    <div>女士</div>
                </li>
                <li class="tab">
                    <div>男士</div>
                </li>
                <li class="tab">
                    <div>品牌</div>
                </li>
                <li class="tab">
                    <div>走秀移动版</div>
                </li>
            </ul>
            <div class="btn-wrap">
                <a href="./register.html"><button class="register">注册</button></a>
                <a href="./login.html"><button class="login">登录</button></a>
                <button class="btn-cart">
                    <a href="javascript:void(0)"><img src="./images/index/cart_while.png" alt=""></a>
                </button>
            </div>
        </div>
    </div>


    <!-- 主体 -->
    <div class="auth-body main">
        <div class="login-layout login-page">
            <ul class="tab-list">
                <li class="tab active2">手机号登录</li>
                <li class="tab last">用户名登录</li>
            </ul>

            <ul class="content-list">
                <li class="content active3">
                    <div class="form-group code-wrap">
                        <div class="label shoJi">请输入手机号码</div>
                        <input type="text" class="form-control tel">
                    </div>

                    <div class="form-group code-wrap">
                        <div class="label tuXng">图形验证码</div>
                        <input maxlength="4" type="text" class="form-control" id="yan">
                        <span id="v_container" class="img-code"></span>
                    </div>
                    <div class="form-group code-wrap">
                        <input type="password" class="form-control upwd">
                        <span class="btn-send">
                            <span>请输入密码</span>
                        </span>
                    </div>

                    <div class="btn-wrap">
                        <span class="btn-register zhu">注册账号</span>
                    </div>

                    <button class="btn-login btn1">
                        <span>登录</span>
                    </button>

                    <div class="third-list-title">使用其他网站账号登录</div>

                    <ul class="third-list">
                        <li>
                            <img src="./images/index/weixin.png" alt="">
                        </li>
                        <li>
                            <img src="./images/index/qq.png" alt="">
                        </li>
                    </ul>
                </li>



                <li class="content">
                    <div class="form-group">
                        <input placeholder="请输入登录账号(手机号)" type="text" class="form-control uname">
                    </div>

                    <div class="form-group">
                        <input placeholder="请输入密码" type="password" class="form-control pwd1">
                    </div>

                    <div class="btn-wrap">
                        <span class="btn-register btn-forget">找回密码?</span>
                        <span class="btn-register zhu">注册账号</span>
                    </div>
                    <button class="btn-login btn2">
                        <span>登录</span>
                    </button>

                    <div class="third-list-title">使用其他网站账号登录</div>

                    <ul class="third-list">
                        <li>
                            <img src="./images/index/weixin.png" alt="">
                        </li>
                        <li>
                            <img src="./images/index/qq.png" alt="">
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>



    <!-- 底部 -->
    <div class="foot">
        <!-- 第一行 -->
        <div class="label-layout">
            <div class="main">
                <ul class="label-list ">
                    <li class="label ">
                        <img src="./images/index/overseas.png ">海外直邮
                    </li>
                    <li class="label ">
                        <img src="./images/index/QA.png ">品质保证
                    </li>
                    <li class="label ">
                        <img src="./images/index/aftermarket.png ">售后保障
                    </li>
                </ul>
            </div>
        </div>


        <!-- 第二行 -->
        <div class="content-list ">
            <!-- 图标 -->
            <div class="logo-wrap ">
                <img src="./images/index/login.png " class="logo ">
                <ul class="qrcode-list ">
                    <li class="qrcode ">
                        <div class="xiu ">
                            <img src="./images/index/WeChat.png " alt=" ">
                            <img class="qr " src="./images/index/qr.jpg " alt=" ">
                        </div>

                    </li>
                    <li class="qrcode ">
                        <a href=" " target="_blank ">
                            <div class="xiu ">
                                <img src="./images/index/weibo.png " alt=" ">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 售后 -->
            <ul class="help-link-list ">
                <li class="link ">ceo邮箱</li>
                <li class="link ">售后服务</li>
                <li class="link ">常见问题</li>
                <li class="link ">关税问题</li>
                <li class="link ">物流配送</li>
            </ul>

            <!-- 移动走秀 -->
            <div class="qrcode-wrap ">
                <div class="title ">移动走秀</div>
                <ul class="qrcode-list ">
                    <li class="qrcode ">
                        <img src="./images/index/qr.jpg ">
                    </li>
                    <li class="qrcode ">
                        <img src="./images/index/qr.jpg ">
                    </li>
                    <li class="qrcode ">
                        <img src="./images/index/qr.jpg "></li>
                </ul>
            </div>

            <!-- 联系我们 -->
            <div class="lx ">
                <div class="title ">联系我们</div>
                <a href=" " class="phone ">400-888-4499
                    <span>(9:00~19:00)</span>
                </a>
                <div class="btn-service ">在线客服</div>
            </div>
        </div>


        <!-- 第三行 -->
        <div class="copyright">
            <div class="main">
                Copyright © 2008-2019 Xiu.com深圳走秀网络科技有限公司版权所有 .
                <a target="_blank " href=" ">粤ICP备07502993号</a>
                <a target="_blank " href=" ">营业执照</a>
                <a target="_blank " href=" ">粤公网安备44030402000804号</a>
            </div>
        </div>


        <!-- 底部第四行 -->
        <div class="service-list main">
            <div class="service ">
                <img src="./images/index/dianxin.jpg ">
            </div>

            <div class="service ">
                <img src="./images/index/Food_license.jpg ">
            </div>
            <a target="_blank " href=" " class="service ">
                <img src="./images/index/police.jpg ">
            </a>

            <a target="_blank " href=" " class="service ">
                <img src="./images/index/iis.jpg ">
            </a>

            <div class="service last ">
                <img src="./images/index/consumer.jpg ">
            </div>
        </div>
    </div>

</body>

</html>